* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

.top {
    width: 1125px;
    height: 120px;
    /* background-color: palegoldenrod; */
    margin: 0 auto ;
    display: flex;
    justify-content: space-between;
}

.top .top-l img {
    width: 100px;
    height: 40px;
    margin-top: 35px;
}

.top-banner {
    width: 350px;
    height: 40px;
    margin-top: 35px;
    display: flex;
    border: 1px solid #333;
    border-radius: 24px;
    justify-content: space-around;
    background-color:#64784b1a;
}

.top-banner .home,
.saerch,
.Movies {
    width: 100px;
    height: 30px;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    margin-top: 5px;
}

.top-banner .home:hover,
.top-banner .Movies:hover,
.top-banner .saerch:hover {
    border: 1px solid #333;
    border-radius: 24px;
    background-color: #fff;
}

.top-r {
    width: 150px;
    height: 50px;
    margin-top: 15px;
    position: relative;
}

.top-r  img {
    width: 20px;
    position: absolute;
    right: 120px;
    top:32px;
}

.top-r input span {
    line-height: 50px;
}

.top-r .inputku {
    width: 100px;
    height: 40px;
    border-radius: 24px;
    border: 1px solid #333;
    margin-top: 20px;
}

/* .top-r .inputku:hover,
.top-r input:hover {
    background-color: #333;
    color: #fff;
} */

.top-r input {
    width: 60px;
    height: 30px;
   /* background-color: palegoldenrod; */
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 25px;
    right: 60px;
    border: none;
    outline: none;
}

.top-r .user img {
   height: 20px;
    position: absolute;
    right:0;
   top: 35px;
}

.banner {
    width: 1125px;
    height: 1100px;
   /* background-color: palegoldenrod; */
    margin: 0 auto;
	position: relative;
}

.banner-text {
	height: 40px;
	font-size: 25px;
	/* margin-bottom: 5px; */
	font-weight: 700px;
}

.banner-1 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.tu-one,
.tu-tow,
.tu-three,
.tu-four {
	width: 260px;
	height: 157px;
	background-color: #e2e8f0;
}

.banner-1 .tu-one img{
	/* width: 200px; */
	height: 140px;
	position: absolute;
	top:63px;
	left: 60px;
}

.banner-1 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 65px;
	left: 350px;
}

.banner-1 .tu-three img {
	height: 130px;
	position: absolute;
	top: 65px;
	right: 350px;
}

.banner-1 .tu-four img {
	height: 130px;
	position: absolute;
	top: 65px;
	right: 60px;
}

.tu-four:hover,
.tu-one:hover,
.tu-three:hover,
.tu-tow:hover{
	margin-top: -4px;
	box-shadow: 0 15px 20px #ccc;
}

/* .tu-four img:hover {
	color: green;
} */

.banner-2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.banner-2 .tu-one img{
	height: 140px;
	position: absolute;
	top:240px;
	left: 60px;
}

.banner-2 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 240px;
	left: 350px;
}

.banner-2 .tu-three img {
	height: 130px;
	position: absolute;
	top: 235px;
	right: 350px;
}

.banner-2 .tu-four img {
	height: 130px;
	position: absolute;
	top: 240px;
	right: 60px;
}

.banner-3 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.banner-3 .tu-one img{
	height: 140px;
	position: absolute;
	top:418px;
	left: 60px;
}

.banner-3 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 418px;
	left: 350px;
}

.banner-3 .tu-three img {
	height: 130px;
	position: absolute;
	top: 418px;
	right: 350px;
}

.banner-3 .tu-four img {
	height: 130px;
	position: absolute;
	top: 418px;
	right: 60px;
}

.banner-4 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.banner-4 .tu-one img{
	height: 140px;
	position: absolute;
	top:585px;
	left: 60px;
}

.banner-4 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 585px;
	left: 350px;
}

.banner-4 .tu-three img {
	height: 130px;
	position: absolute;
	top: 585px;
	right: 350px;
}

.banner-4 .tu-four img {
	height: 130px;
	position: absolute;
	top: 585px;
	right: 60px;
}

.banner-5 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.banner-5 .tu-one img{
	height: 140px;
	position: absolute;
	top:760px;
	left: 60px;
}

.banner-5 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 760px;
	left: 350px;
}

.banner-5 .tu-three img {
	height: 130px;
	position: absolute;
	top: 760px;
	right: 350px;
}

.banner-5 .tu-four img {
	height: 130px;
	position: absolute;
	top: 760px;
	right: 60px;
}

.banner-6 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.banner-6 .tu-one img{
	height: 140px;
	position: absolute;
	top:930px;
	left: 60px;
}

.banner-6 .tu-tow img {
	height: 130px;
	position: absolute;
	top: 935px;
	left: 350px;
}

.banner-6 .tu-three img {
	height: 130px;
	position: absolute;
	top: 940px;
	right: 350px;
}

.banner-6 .tu-four img {
	height: 130px;
	position: absolute;
	top: 940px;
	right: 60px;
}

.box{
	width: 1125px;
	height: 150px;
	margin: 0 auto;
	/* background-color: paleturquoise; */
	position: relative;
}

.box input {
	width: 130px;
	height: 48px;
	border-radius: 24px;
	/* margin: 0 auto; */
	position: absolute;
	left: 500px;
	border: 1px solid #ccc;
}

.box input:hover{
	color: white;
	background-color: #333;
}

/* .box a {
	display: block;
	width: 130px;
	height: 48px;
	position: absolute;
	left: 500px;
} */

.box-one {
	width: 1125px;
	height: 150px;
	margin: 0 auto;
	/* background-color: papayawhip; */
}

.box-one img {
    width: 120px;
   margin: 0 auto 20px;
   display: block;
   }

.box-one .box-a {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 20px;
    /* background-color: palegreen; */
    margin: 0 auto;
}

.box-a div a {
    display: block;
    height: 20px;
    color: #000;
}

.box-one .box-b {
    display: flex;
    justify-content: space-between;
    width: 400px;
    height: 30px;
    margin: 15px auto;
}


.box-b a {
    display: block;
    height: 30px;
    color: #8d8b8b;
}